<template>
  <view class="wrap">
    <u-table>
      <u-tr>
        <u-th class="custom-title-th">项目</u-th>
        <u-th class="custom-title-th">费用</u-th>
      </u-tr>
      <u-tr v-for="(item, index) in feelist">
        <u-th class="custom-th">{{ item.type }}</u-th>
        <u-th class="custom-th">{{ item.fee }}</u-th>
      </u-tr>
    </u-table>
  </view>
</template>

<script>
export default {
  data() {
    return {
      feelist: []

    };
  },
  onLoad() {

  },
  created() {
    console.log(1)
    this.detail()
  },
  computed: {},
  onReady() {
  },
  methods: {
    detail() {
      this.$u.get('/fee_config/list', {
        pageSize: 1000
      }).then(res => {
        console.log(res)
        this.feelist = res.list;
      })
    },
    submit() {
      this.$refs.uForm.validate(valid => {
        if (valid) {
          this.$u.post('/precheck/add', this.model).then(res => {
            this.$refs.uToast.show({
              title: '操作成功',
            })
          })
        } else {

        }
      });
    },
  }
};
</script>

<style scoped lang="scss">
.wrap {
  padding: 0 40rpx;
  margin-top: 5vh;
}

.agreement {
  display: flex;
  align-items: center;
  margin: 40 rpx 0;

  .agreement-text {
    padding-left: 8 rpx;
    color: $u-tips-color;
  }
}
.custom-title-th{
	font-size: 30rpx;
	font-weight: 900;
}
.custom-th{
	font-size: 22rpx;
	font-weight: 500;
}
</style>
